<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Sign In</title>
<link rel="stylesheet" type="text/css" href="common/css/style.css" />
</head>

<script type="text/javascript">
function changeCode() {
	$('#codeImage').attr('src','authCode.action?abc=' + Math.random()); //链接后添加Math.random，确保每次产生新的验证码，避免缓存问题
}

</script>

<body>
<script src="common/js/jquery.validate.min.js"></script> 
<script type="text/javascript" src="component/jquery-3.1.1.js"></script>
<script type="text/javascript" src="component/jquery.validate.min.js"></script>

	<div id="left_background">
		<!-- <img src="common/images/accenture_portal_background.jpg" /> -->
	</div>
		
	<div id="right_login">
		<form  action="login.action" method="post">
			<div id="login_area">
				<div>
					<h1>Enterprise Sign On</h1>
					<h4>Sign in with your Accenture account</h4>
					<h5 style="color: red; margin-bottom: -10px; margin-top:10px; font-weight: normal;font-size: 15px">
					${failPasswordMsg}${idLockMsg}${noThisIdMsg}${nullPasswordMsg}${idOutOfTimeMsg}${pwOutOfTimeMsg}${pwWrongOneMsg}${pwWrongTwoMsg}${activationMsg}
					</h5> <br />
				</div>
				<div class="form-group">
					<input id="user_id" name="user_id" type="text" placeholder="Enterprise ID"/>
				</div>
				<div class="form-group">
					<input id="user_password" name="user_password" type="password" placeholder="Password"/><br/>
				</div>
				<div class="form-group">
					<h5 style="color: red; margin-bottom: -10px; margin-top:10px; font-weight: normal;font-size: 15px">${failCheckCodeMsg}${nullCheckCodeMsg}</h5> <br />
					<input id="checkCode" name="checkCode" type="text" style="height:28px"/>
					<!--这里img标签的src属性的值为后台实现图片验证码方法的请求地址-->
					<label><img id="codeImage" type="image" src="authCode.action" onclick="changeCode()" title="图片看不清？点击重新获得验证码" style="cursor:pointer;" /></label>

					<label><a style="color:green;cursor:pointer" onclick="changeCode()">Change a new image</a></label>



					

				</div>
				<br/>
					<input type="submit" value="Sign in"/>

				
					<a href="toUserRegister.action">Register</a>
				</div>

					

			
			
		</form>	
		<div id="bottom_help">
			<a href="help.action">Need help signing on?</a>
		</div>	
	</div>

</body>
</html>